<div class="row-fluid message-info">
  <div class="span8 user-info">
    {{avatar}}
    <div class="message-author-and-participants">
      <b class="username">{{author}}</b>
      <span class="context">{{context_name}}</span>
    </div>
  </div>

	<div class="span4 message-metadata">
		<div class="date pull-right">
			{{date}}
		</div>

    <ul class="actions pull-right unstyled">
      <li>
        <a href="#"
           class="icon-reply-2 reply-btn Button Button--icon-action"
           title="{{#t}}Reply{{/t}}"
           data-tooltip>
        </a>
      </li>

      <li>
        <div class="inline-block">
          <a href="#"
             role="button"
             class="al-trigger Button Button--icon-action"
             data-tooltip>
            {{> icons/settings}}
            {{> icons/mini-arrow-down}}
            <span class="screenreader-only">{{#t}}Message actions{{/t}}</span>
          </a>
          <ul class="al-options">
              <li>
                <a href="#" class="reply-all-btn">{{#t}}Reply all{{/t}}</a>
              </li>
            <li>
              <a href="#" class="forward-btn">{{#t}}Forward{{/t}}</a>
            </li>
            <li>
              <a href="#" class="delete-btn">{{#t}}Delete{{/t}}</a>
            </li>
          </ul>
        </div>
      </li>
    </ul>
	</div>
</div>

<p>{{body}}</p>

{{#has_attachments}}
<ul class="message-attachments">
  {{#media_comment}}
    <li><a class="instructure_inline_media_comment" href="{{url}}">
      {{> icons/media}} {{display_name}}
    </a></li>
  {{/media_comment}}
  {{#attachments}}
    <li>
        <a href="{{url}}">
          {{> icons/paperclip}}
          {{display_name}}
        </a>
    </li>
  {{/attachments}}
</ul>
{{/has_attachments}}
